<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
		<script src="../js/flexible.debug.js"></script>
		<script src="../js/flexible_css.debug.js"></script>
		<link rel="stylesheet" href="../css/shangpinxiangqingye.css" />
	</head>
	<body>
		
		<article class="as">
			
			<nav class="navlist">
				<div class="myimg"><img src="../img/left-back.png" alt="" class="left_back" /></div>
				<ul class="nav">
					<li>商品</li>
					<li>详情</li>
					<li>评价</li>
					<li><img src="../img/gouwuche.png" alt="" class="gouwuche"/></li>
					<li><img src="../img/black_circle.png" alt="" class="black_circle"/></li>
				</ul>
			</nav>
			<div class="tablist">
				<div><img src="../img/juzi.png" alt="" /></div>
				<div>详情</div>
				<div>评价</div>
				<div>购物车</div>
				<div>更多</div>
			</div>
			<figure class="ningm">
				<h2>天天果园&nbsp;四川安岳柠檬&nbsp;500g&nbsp;新鲜柠檬&nbsp;国产水果黄柠檬</h2>
				<p><span class="span_one">￥69元</span><span class="span_two">￥118元</span></p>
				<ol>
					<li>折扣：8折</li>
					<li>100评价</li>
					<li>1000人购买</li>
				</ol>
			</figure>
			<figure class="gm_number">
				<p class="sl">购买数量</p>
				<p><img src="../img/youjiantou.png" alt="" class="youjiantou"/></p>
			</figure>
		</article>
		<footer>
			<div class="sy">
				<dl>
					<dt><img src="../img/shouye.png" alt="" /></dt>
					<dd>首页</dd>
				</dl>
				<dl>
					<dt><img src="../img/kefu.png" alt="" /></dt>
					<dd>客服</dd>
				</dl>
				<dl>
					<dt><img src="../img/soucang.png" alt="" /></dt>
					<dd>搜藏</dd>
				</dl>
			</div>
			<div class="jiaru">加入购物车</div>
			<div class="liji">立即购买</div>
		</footer>
		<script src="../js/jquery-1.11.2.min.js"></script>
		<script>
			$(function(){
				$(".nav li:first, .tablist div:first").addClass("curr").siblings().removeClass("curr");
				$(".nav li").mouseover(function(){
					$(this).addClass("curr").siblings().removeClass("curr");
					$(".tablist div").eq($(this).index()).addClass("curr").siblings().removeClass("curr");
				})
				
				
				$('.jiaru').click(function(){
					location.href="gouwuche.html";
				})
				$('.navlist .mying').click(function(){
					location.href="ssjm.html";
				})
			})
		</script>
	</body>
</html>
